<template>
    <div class="myswiper">
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotulist" :key="item.img" style="overflow: hidden;">
                <img :src="item.img">
            </mt-swipe-item>
            <!--<mt-swipe-item>-->
            <!--<img src="http://p1.music.126.net/lW_s2hbBIkZC2Bi4VjU_MQ==/109951164207032468.jpg" alt="">-->
            <!--</mt-swipe-item>-->
            <!--<mt-swipe-item>-->
            <!--<img src="http://p1.music.126.net/6BkO331aD8pMoSpqjPOyPg==/109951164206298674.jpg" alt="">-->
            <!--</mt-swipe-item>-->
        </mt-swipe>
    </div>
</template>

<script>
    // import Vue from 'vue'
    // import {Swipe, SwipeItem} from 'mint-ui';
    // Vue.component(Swipe.name, Swipe);
    // Vue.component(SwipeItem.name, SwipeItem);
    export default {
        props: ['lunbotulist']
    }
</script>

<style scoped lang="scss">
    .myswiper {
        height: 180px;
        overflow: hidden;
        text-align: center;

        img {
            height: 100%;

        }
    }
</style>